<!DOCTYPE html>
<html style="height:360px">
	<head>
		<link rel="stylesheet" type="text/css" href="css/common.css">
		<link rel="stylesheet" type="text/css" href="css/jquery-ui.custom.min.css">
		<link rel="stylesheet" type="text/css" href="css/ena.css">
		
		<script type="text/javascript" src="/js/jquery.min.js"></script>
		<script type="text/javascript" src="/js/jquery-ui.custom.min.js"></script>
		<script type="text/javascript" src="/js/notifications.js"></script>
		<script type="text/javascript" src="/js/jquery.indexeddb.js"></script>
		<script type="text/javascript" src="/js/common.min.js"></script>
		<script type="text/javascript" src="/js/items.js"></script>
		<script type="text/javascript" src="/js/stats.js"></script>
		<script type="text/javascript" src="/js/view-menu.js"></script>
	</head>
	<body>
		<div id="stretcher" style="width:500px;"></div>
		<div class="title" ><h2>Empires &amp; Allies Helper - Stats</h2></div>
		<div id="menu" style="float:right;">
			<div id="notes" class="icon notes" title="Notifications View"></div>
			<div id="stats" class="icon stats" title="Stats View"></div>
			<div id="options" class="icon options" title="Options View"></div>
			<div class="icon blank"></div>
			<div id="refresh" class="icon refresh" title="Restart Processing"></div>
			<div id="stop" class="icon stop" title="Stop all Processing"></div>
        	<div id="close" class="icon close" title="Close"></div>
		</div>
		<div id="status" class="status"></div>
		<div style="color:black;position:absolute;float:left;top:30px;width:100%;" id="alarm"></div>
		<div id="states" class="ui-tabs ui-widget ui-widget-content ui-corner-all options-parent" >
			<table class="ui-state-default ui-tabs-panel ui-widget-content ui-corner-all">
				<tr>
					<td class="label">History Filter</td>
					<td>
						<div id="radio_filter">
							<input type="radio" id="time" name="filter"/><label for="time">Time</label>
							<input type="radio" id="type" name="filter"/><label for="type">Type</label>
							<input type="radio" id="name" name="filter"/><label for="name">Name</label>
						</div>
					</td>
				<tr>
					<td colspan="2">
						<div id="type" style="display:none;">
							<select id="type_range"></select>
						</div>
						<div id="time" style="display:none;">
							
					</td>
						</div>
					</td>
				</tr>
				</tr>
				<tr>
					<td colspan="2">
						<input type="checkbox" id="custom_toggle"/>
					</td>
				</tr>
				<tr>
					<td>
						<input type="text" id="start_date" />
						<span class="ui-spinner ui-widget ui-widget-content ui-corner-all" style="width:60px">
							<input type="text" id="start_time" style="font-size: 0.9em;width:55px;" class="ui-spinner-input">
						</span>
					</td>
					<td>
						<input type="text" id="end_date" />
						<span class="ui-spinner ui-widget ui-widget-content ui-corner-all" style="width:60px">
							<input type="text" id="end_time" style="font-size: 0.9em;width:55px;" class="ui-spinner-input">
						</span>
					</td>
				</tr>
			</div>
		</div>
	</body>
</html>